<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>首页</title>
    <link rel="stylesheet" th:href="@{/layui-v2.2.5/css/layui.css}"/>
    <link rel="stylesheet" th:href="@{/css/index.css}"/>
    <script th:src="@{/layui-v2.2.5/layui.js}"></script>
</head>
<body class="layui-layout-body" style="overflow-y:auto;background-color:#eee">
<div class="layui-layout layui-layout-admin">
    <div th:include="common :: head" />
    <div class="layui-bg-gray">
        <div class="layui-carousel" id="lunbo">
            <div carousel-item="">
                <div><img
                        style="width: 100%;height:550px;"
                        src="https://www.lejiapay.com/lejiapay/static/images/banner/anquangaoxiao.jpg"></div>
                <div><img style="width: 100%;height:550px;"
                        src="https://www.lejiapay.com/lejiapay/static/images/banner/hangyedingzhi.jpg"></div>
                <div><img style="width: 100%;height:550px;"
                        src="https://www.lejiapay.com/lejiapay/static/images/banner/saomazhifu.jpg"></div>
                <div><img style="width: 100%;height:550px;"
                        src="https://www.lejiapay.com/lejiapay/static/images/banner/yijianzhifu.jpg"></div>
            </div>
        </div>
    </div>
    <div class="layui-container" >
        <div style="padding: 20px;display:flex;flex-direction:row;justify-content: space-around;" >
            <div class="layui-card" style="min-height: 180px;width: 30%;max-height: 500px;border: #d2d2d2 solid 1px;">
                <div class="layui-card-body">
                    <fieldset class="layui-elem-field layui-field-title">
                        <legend>返璞归真</legend>
                        <p>身处在前端社区的繁荣之下，我们都在有意或无意地追逐。而 layui 偏偏回望当初，奔赴在返璞归真的漫漫征途，自信并勇敢着，追寻于原生态的书写指令，试图以最简单的方式诠释高效。</p>
                    </fieldset>
                </div>
            </div>
            <div class="layui-card" style="min-height: 180px;width: 30%;max-height: 500px;border: #d2d2d2 solid 1px;">
                <div class="layui-card-body">
                    <fieldset class="layui-elem-field layui-field-title">
                        <legend>返璞归真</legend>
                        <p>身处在前端社区的繁荣之下，我们都在有意或无意地追逐。而 layui 偏偏回望当初，奔赴在返璞归真的漫漫征途，自信并勇敢着，追寻于原生态的书写指令，试图以最简单的方式诠释高效。</p>
                    </fieldset>
                </div>
            </div>
            <div class="layui-card" style="min-height: 180px;width: 30%;max-height: 500px;border: #d2d2d2 solid 1px;">
                <div class="layui-card-body">
                    <fieldset class="layui-elem-field layui-field-title">
                        <legend>返璞归真</legend>
                        <p>身处在前端社区的繁荣之下，我们都在有意或无意地追逐。而 layui 偏偏回望当初，奔赴在返璞归真的漫漫征途，自信并勇敢着，追寻于原生态的书写指令，试图以最简单的方式诠释高效。</p>
                    </fieldset>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-container" style="text-align: center"><hr style="width: 100%;"></div>
</div>
<div th:include="common :: foot" />

</body>
<script th:inline="javascript">
    layui.use(['element','carousel'], function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
        var carousel = layui.carousel;
        //图片轮播
        carousel.render({
            elem: '#lunbo'
            ,width: '100%'
            ,height: '550px'
            ,interval: 2000
        });
    });
</script>

</html>